import Vue from 'vue'
//1. 导入vue-router 包
import VueRouter from 'vue-router'
//2. 手动安装VueRouter
Vue.use(VueRouter)

// 导入bootstrap样式
import 'bootstrap3/dist/css/bootstrap.css'
import './css/app.css'

// 导入mui的样式表，和bootstrap用法没有差别
import './lib/mui/css/mui.min.css'

// 导入所有的MintUI组件
// 导入Mint-UI
// import MintUI from 'mint-ui'  // 把所有的组件都导入进来
// // 这里可以省略node_modules 这一层目录
// import 'mint-ui/lib/style.css'  
// // 将MintUI安装到vue中
// Vue.use(MintUI)  // 把所有的组件，注册为全局的

// 按需导入Mint-UI组件
import {Button} from 'mint-ui'
// 使用Vue.component 注册按钮组件
Vue.component(Button.name,Button)


import app from './App.vue'

import router from './router.js'

var vm = new Vue({
    el: '#app',
    render: c=>c(app),  // render 会把el指定的容器中，所有的内容都清空，
    //所以 不要把路由的router-view和router-link直接写到el所控制的元素中
    router  // 4. 将路由对象挂载到vm上
})